import { useDispatch, useSelector } from "react-redux"
import { setMenuList } from "../menuSlice";
import { decrement, increment } from "./counterSlice";
// import { decrement, increment } from "../../../../store/example/counterSlice";
// import { setMenuList } from "../../../../store/menuSlice";


function loginLogs() {

    const count = useSelector((state : any) => state.counter.value);
    const dispatch = useDispatch()
    const menu = useSelector((state : any) => state.menu)

    const handleclick = ()=>{
        console.log(menu)
        dispatch(setMenuList([{title : '111'}]))
    }
    return (
        <>
            <div>loginLogs</div>
            <div>
                <p>Count: {count}</p>
                <button onClick={() => dispatch(increment())}>Increment</button>
                <button onClick={() => dispatch(decrement())}>Decrement</button>
                <button onClick={() => handleclick()}>test</button>
            </div>
        </>
    )
}

export default loginLogs